{{ brandName }} {{ brandTagline }}
홈
{{ m.label }}
{{ c.label }}
⌂
시공사진 보기 →
{{ brandName }}
{{ m.label }} {{ m.sign }}
{{ c.label }}
⌂ 홈으로
닫기 ✕
{{ s.videoEl }}
{{ heroKicker }}
{{ heroTitle }}
{{ heroSub }}
{{ heroBtn }}→
SCROLL
PRODUCTS
{{ productsHeading }}
{{ p.no }}
{{ p.name }}
{{ p.tagline }}
{{ p.short }}
자세히 보기 →
{{ cur.no }}
{{ cur.name }}
{{ cur.tagline }}
{{ cur.caption }}
{{ cur.hint }} ↓
{{ cur.desc }}
{{ b.text }}
{{ b.text }}
{{ b.caption }}
{{ b.text }}
{{ b.text }}
{{ r.k }} {{ r.v }}
시공사진
{{ cur.seeAllLabel }}
{{ cur.name }} 시공사진 전체 보기 {{ cur.galleryTotal }} →
{{ cur.name }} 시공사진 전체 보기 {{ cur.galleryTotal }} →
GALLERY
시공 사진
{{ galleryCount }}
{{ f.label }}
옵션은 여러 개를 함께 고를 수 있습니다 — 모두 만족하는 사진만 표시됩니다 {{ optClearLabel }}
{{ og.name }} {{ og.pickedLabel }}
{{ o.label }}
사진이 잘 보이는 화면 밝기를 고르세요
{{ d.label }}
↓ 아래로 스크롤하면 시공 사진이 보입니다
조건에 맞는 시공사진이 없습니다.
옵션을 하나씩 해제하며 다시 찾아보세요.
↑ {{ galleryPromptText }} 필요한 제품만 골라 보면 사진이 훨씬 빠르게 열립니다.
{{ g.caption }} {{ g.opts }}
{{ galMoreLabel }}
{{ brandName }}
{{ brandTagline }}
{{ i.label }} {{ i.icon }}{{ i.value }} {{ i.value }}
{{ footNote }} {{ viewBtn }}
{{ toast }}
↑
ADMIN
관리자 로그인
입장
비밀번호가 올바르지 않습니다.
{{ gateHint }}
{{ buildTag }}
← 사이트로 돌아가기
관리자 페이지 {{ versionLabel }} {{ dirtyLabel }} {{ visitLabel }} ⟳ 집계 {{ visitNote }} {{ modeLabel }} {{ pinLabel }}
{{ skinBtn }} ⟳ 새로고침 되돌리기 초기값 사이트 보기 ↗ 저장
접속 지역 {{ g.city }} {{ g.n }}
저장하면 아래 변경 사항이 사이트에 반영됩니다
{{ d.label }}
{{ savedNote }}
{{ grp.title }}
{{ t.label }}
로고
R2 업로드 ☁ Cloudinary 업로드
모바일 메뉴용 로고 (어두운 배경 전용)
모바일 메뉴는 어두운 배경이라 검은 글자 로고가 보이지 않습니다. 흰색/밝은 색 로고를 따로 올리세요. 비워두면 기본 로고를 사용합니다.
R2 업로드 ☁ 업로드
페이지 하단(회사정보) 로고 — 비워두면 기본 로고 사용
R2 업로드 ☁ 업로드
시공사진 페이지 상단 로고 — 밝은 바탕용 (비우면 기본 로고)
R2 업로드 ☁ 업로드
공유 미리보기 사진 — 블로그·카톡·문자에 링크를 걸 때 보이는 사진
네이버 블로그나 카카오톡에 홈페이지 주소를 넣으면 이 사진이 함께 표시됩니다. 가로로 긴 사진(권장 1200×630)이 잘리지 않고 예쁘게 나옵니다. 비워두면 기본 3연동 사진이 쓰입니다.
R2 업로드 ☁ 업로드
바꾼 뒤에는 네이버·카카오가 기억해 둔 옛 사진을 지워야 바로 반영됩니다 — 아래 안내를 참고하세요.
상호 · 태그라인 · 메인 문구
히어로 글자 · 배경 판
제목 색 설명 색 배경 판 색 {{ heroPanelLabel }} {{ heroShadowLabel }}
배경 판을 끄고 글자 그림자만 켜면 사진을 가리지 않으면서도 글자가 읽힙니다.
메인 1~5번 항목의 개별 소개 문구는 [제품] 탭에서 수정합니다. 설명의 첫 단락만 메인에 노출되고, 전체 내용은 제품 상세 페이지에 표시됩니다.
관리자 화면 테마 (이 브라우저에만 적용 · 사이트와 무관)
{{ t.label }}
사이트 테마 프리셋 (10종)
{{ t.label }}
색상 직접 조정
프리셋 색으로 되돌리기
{{ c.label }}
본문 글꼴
{{ f.label }} 중문 시공 가나다 ABC 123
제목 글꼴
{{ f.label }} 현관의 첫 인상
제품 페이지 상단 사진 밝기
3연동 중문
메인 배경 · 표시 방식
{{ modeBtn }} 누르면 전환 · 사진과 동영상은 섞여 순환하지 않습니다
+ 사진 R2 업로드 + 동영상 R2 업로드 ☁ 사진 업로드 (권장) ☁ 동영상 업로드 (Cloudinary) + 동영상 URL 칸 + 사진 URL 칸
동영상은 Cloudinary 업로드를 사용하세요(브라우저 저장으로는 용량 초과). 권장: 1분 이하 · mp4(H.264) · 가로 1920px · 6MB 내외 · 음성 없음. 모바일에서는 자동재생·무음·반복 재생됩니다.
{{ m.kindLabel }}
Cloudinary 동영상은 H.264로 자동 변환해 재생합니다. 소니 베가스 등에서 내보낼 때는 HEVC(H.265)가 아닌 “MAGIX AVC/AAC MP4” 또는 H.264 프로필을 선택하세요 — HEVC는 브라우저가 재생하지 못합니다.
{{ m.kindToggle }} ↑ ↓ 삭제
화면 보정 · 적용 대상
{{ fxImageBtn }} {{ fxVideoBtn }}
보정을 끄면 색보정·사선·비네팅이 모두 빠지고 원본으로 노출됩니다. 문구 가독성을 위한 어둡게 그라데이션은 항상 유지됩니다.
보정 값 · 프리셋
{{ p.label }}
미리보기
{{ f.title.v }}
메뉴 · 하부 카테고리
+ 대메뉴 추가
왼쪽 ⠿ 손잡이를 끌어 대메뉴와 하위 항목의 순서를 바꿀 수 있고, 하위 항목은 다른 대메뉴로도 옮길 수 있습니다. ‘홈’ 버튼은 항상 고정 노출됩니다. 하위 항목은 제품에서 바로 추가 버튼으로 클릭 한 번에 만들고, ⟳ 제품과 동기화를 누르면 제품 목록 전체가 그대로 메뉴가 됩니다.
{{ dragHint }}
⠿ {{ m.no }} ⟳ 제품과 동기화 ↑ ↓ 삭제
⠿ └ → ⚠ 연결된 제품 없음 삭제
이 메뉴의 맨 아래로 이동
제품에서 바로 추가: + {{ a.label }} + 빈 항목
제품 · 추가 시 제품 페이지 자동 생성
+ 제품 추가
제품 이름을 클릭하면 해당 제품의 설정이 펼쳐집니다.
{{ p.no }} {{ p.name }} {{ p.slug }} {{ p.blockCount }} {{ p.openSign }}
↑ ↓ 삭제
R2 업로드 ☁ 업로드
첫 단락 = 메인 페이지 소개 문구 · 빈 줄 뒤 내용은 상세 페이지에만 표시
상단 대표 사진 화면
{{ p.fitLabel }} 여백 색 문구 색상 정렬: {{ p.alignLabel }}
상세 내용 편집 · {{ p.blockCount }}
+ {{ k.label }}
{{ b.kindLabel }} {{ b.alignLabel }} {{ b.flipLabel }} ↑ ↓ 삭제
☁ R2 ☁ 업로드
{{ b.note }}
시공사진 업로드 · ① 사진 → ② 기본값 전체 적용 → ③ 사진별 개별 수정 → ④ 등록
옵션 항목을 추가·수정하려면 [시공사진 옵션] 탭으로 이동하세요.
+ 사진 올리기
업로드 창이 열립니다 · 끌어다 놓거나 골라서 한꺼번에 R2 업로드
{{ dupNote }} 닫기
☁ Cloudinary 로 올리기 {{ pendingLabel }}
URL 불러오기
② 기본값 선택 후 [전체 적용] — 이후 사진별로 개별 수정
{{ t.label }}
+ 제품 분류 추가
{{ g.name }}
{{ o.label }}
▼ 위 설정을 모든 사진에 전체 적용
③ 사진별 개별 분류 · {{ pendingLabel }} · 사진에 커서를 올리면 확대됩니다
✕
{{ p.no }}
{{ p.tagLabel }} {{ p.doneMark }}
{{ t.label }}
{{ g.name }}
{{ o.label }}
{{ commitLabel }} 선택 초기화
{{ saveBtnLabel }} 모바일 방문자가 사진을 크게 보는 화면 아래에 [이 사진 저장하기] 버튼을 띄울지 결정합니다.
{{ adminGalleryCount }}
{{ galAllLabel }} 목록 닫기 전체 삭제
등록된 사진 목록은 필요할 때만 불러옵니다. 사진이 많을수록 관리 화면이 무거워지므로 기본은 닫혀 있습니다.
등록된 사진 관리하기 ({{ adminGalleryTotal }})
찾기 {{ galFilterLabel }} 조건 해제
{{ t.label }}
{{ g.name }}
{{ o.label }}
조건에 맞는 사진이 없습니다.
{{ g.optSummary }}
{{ g.hideLabel }} {{ g.editLabel }} 삭제
{{ grp.name }}
{{ o.label }}
클릭해 켜고 끕니다. 변경 후 상단 [저장]을 눌러야 반영됩니다.
{{ galMoreLabelAdmin }}
시공사진 옵션 그룹 · 분류 기준 (등록된 사진의 옵션은 [시공사진 업로드] 탭 → 사진 관리에서 수정)
+ 그룹 추가
{{ optNote }}
{{ g.multiLabel }} {{ g.filterLabel }} 삭제
◀ ✕
+ 추가
‘필터 노출 ON’ 그룹의 항목이 시공 사진 페이지 상단 필터 칩으로 표시됩니다. 항목 이름을 고치면 이미 그 이름이 붙은 사진들에도 자동으로 반영됩니다.
회사 기본 정보 (하단 노출)
+ 항목 추가
삭제
방문자 통계
{{ visitNote }} ⟳ 집계 새로고침
오늘 방문
{{ statToday }}
누적 방문
{{ statTotal }}
기간별 방문 {{ calTitle }} {{ calSum }}
월 연
‹ ›
{{ d.label }}
{{ c.day }} {{ c.n }}
{{ mo.n }}
{{ mo.label }}
날짜별 기록은 최신 _worker.js 배포 후 방문부터 쌓입니다. 오늘·누적 숫자는 기존 집계를 그대로 유지합니다.
지역별 접속 — 도시 단위
{{ g.city }} {{ g.n }} · {{ g.pct }}
아직 집계된 지역이 없습니다. 배포 후 방문이 발생하면 쌓입니다.
(KV 연결과 최신 _worker.js 가 필요합니다)
해외 · 탐사 로봇 — {{ abroadLabel }} {{ abroadCaret }}
{{ ab.city }} {{ ab.n }}
접속 기기
{{ dv.label }} {{ dv.n }} · {{ dv.pct }}
아직 집계가 없습니다. 최신 _worker.js 배포 후 방문부터 쌓입니다.
화면별 조회 — 방문자가 어디를 봤는지
{{ h.label }} {{ h.n }}
아직 집계가 없습니다. 한 방문자의 같은 화면은 방문 1회로만 셉니다.
봇 · 크롤러 방문 {{ botSummary }}
{{ botCaret }}
{{ b.name }} {{ b.n }}
봇 접속 데이터센터
{{ bg.city }} {{ bg.owner }} {{ bg.n }}
IP·기기 정보는 저장하지 않고 도시 이름별 횟수만 기록합니다. 같은 방문자는 하루 1회로 집계됩니다.
검색엔진·SNS·AI 크롤러 방문은 위쪽 방문자 수, 접속 지역, 화면별 조회에서 빠지고 이 항목에만 쌓입니다.
관리자 비밀번호
관리자 페이지는 사이트 안에 링크가 없으며, 주소 끝에 #adminx 을 붙여 접속합니다.
R2 저장소 (신규 업로드 · 대역폭 무료)
{{ r2Status }} Pages → Settings → Bindings에 R2 버킷을 SITE_R2 이름으로 추가
Cloudinary → R2 사진 이전
등록된 시공사진 중 Cloudinary 주소를 쓰는 것만 R2로 복사하고 주소만 교체합니다. 제품 분류 · 옵션 · 설명 · 공개 여부는 그대로 유지되고, 원본은 Cloudinary에 남습니다.
Cloudinary 사진 R2로 이전 {{ migrateCount }}
Cloudinary 업로드 설정 (기존 사진 유지용)
사진·동영상 업로드에 같은 preset을 사용합니다. [파일 선택] 방식은 브라우저 저장(약 5MB)이라 임시 확인용입니다.
서버 저장 진단
서버 연결 진단 실행 {{ modeLabel }}
{{ diag }}
관리 경로는 사이트 어느 곳에도 링크로 노출되지 않으며, 로그인은 서버에서 검증됩니다.
더 강한 보호가 필요하면 Cloudflare Zero Trust → Access 로 관리 경로를 이메일 인증으로 감싸십시오.
8.4 버전 data.js 불러오기 · 시공사진 이관
8.4 관리자에서 내려받은 data.js(또는 백업 JSON) 파일을 그대로 올리면 시공사진·제품·옵션 그룹·회사 정보를 v10 구조로 변환해 불러옵니다. 사진이 Cloudinary 절대 URL이면 그대로 연결되고, assets/… 같은 상대 경로면 아래 ‘기존 경로 앞에 붙일 주소’를 채워 절대 URL로 바꿔줍니다.
아래 붙여넣은 내용 불러오기 현재 설정 내보내기(JSON)
{{ importNote }}
불러온 뒤에도 상단 저장을 눌러야 사이트에 반영됩니다. 반영 전 [시공사진] 탭에서 목록을 확인하세요.
불러오기는 관리자 비밀번호와 Cloudinary 설정을 건드리지 않습니다 — 현재 값이 그대로 유지됩니다.
시공사진 업로드
{{ upCloseLabel }}
{{ dropLabel }}
JPG · PNG · WebP · 여러 장 한꺼번에
{{ upSummary }}
{{ r.mark }} {{ r.name }} {{ r.note }}
업로드된 사진은 곧바로 R2에 저장되고 아래 목록에 들어갑니다. 창을 닫은 뒤 사진별로 제품 분류와 옵션을 지정하고 [등록]을 누르세요.
이미 올린 파일과 이름이 같으면 자동으로 건너뜁니다.